.eat {
  width: 100%;
  background: #fbfcfc; }
  .eat .e_top {
    width: 100%;
    margin-top: 20px; }
    .eat .e_top p {
      width: 78.5%;
      text-align: right;
      line-height: 30px;
      color: #313131;
      font-weight: bold;
      font-size: 20px;
      background: #fff; }
  .eat .e_bottom {
    width: 90%;
    height: 100%;
    margin: 30px auto;
    display: flex; }
    .eat .e_bottom .e_span1 {
      width: 72%;
      /*            overflow: hidden;*/ }
      .eat .e_bottom .e_span1 ul {
        position: relative; }
        .eat .e_bottom .e_span1 ul li {
          list-style: none;
          position: absolute;
          display: none; }
    .eat .e_bottom .e_span2 {
      width: 19%;
      height: 700px; }
      .eat .e_bottom .e_span2 ul {
        width: 100%; }
        .eat .e_bottom .e_span2 ul li {
          margin-left: 16%;
          width: 70%;
          text-align: center;
          line-height: 45px;
          background: #e6e6e6;
          font-size: 15px;
          color: #5a5a5a;
          margin-top: 8px;
          transition: 1s; }
          .eat .e_bottom .e_span2 ul li:hover {
            color: #fff;
            background: #fc904e; }
